<!DOCTYPE html>
<html lang="en">
<head>
    
    <!-- Title -->
    <title>Innovax</title>

    <!-- Meta -->
    <meta charset="UTF-8">
    <meta name="description" content="Innovax - IT Solutions for Your Business Services Website Template">
    <meta name="keywords" content="bootstrap, clean, responsive, html5, css3, portfolio, blog, carousel, parallax, grid, coming soon, themeforest">
    <meta name="author" content="Theme Friend">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta property="og:type" content="Website Template" />
    <meta property="og:title" content="Innovax - IT Solutions for Your Business Services Website Template" />
    <meta property="og:description" content="Innovax Simple and Lite template to create your own website for your business" />
    
    <meta property="og:site_name" content="Innovax" />
    <meta name="robots" content="index, follow">

    <!-- Stylesheets
    ============================================= -->

    <!-- Bootstrap -->
    <link rel="stylesheet" href="http://www.sucai8.cn/jquery/bootstrap-4.2.1.css">

    <!-- Fontawesome -->
    <link href="css/fonts/fontawesome/css/all.css" rel="stylesheet">

    <!-- Animate css -->
    <link rel="stylesheet" href="css/animate.css">

    <!-- Owl carouser -->
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">

    <!-- Main Css Files -->
    <link rel="stylesheet" href="css/element.css">
    <link rel="stylesheet" href="css/style.css">

</head>
<body>

    <!-- Document Wrapper
    =========================-->

    <div id="wrapper">

        <!-- Header -->
        <!-- add stickyHeader class to header to make it sticky -->
        <header class="stickyHeader">
            <!-- fixed-top -->
            <nav class="navbar navbar-expand-lg navbar-light bg-light" id="banner">
                <div class="container">
                    <!-- Brand -->
                    <a class="navbar-brand" href="#">
                        <img class="va-top" src="img/logo.png" alt="">
                    </a>

                    <!-- Toggler/collapsibe Button -->
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
                    <span class="navbar-toggler-icon"></span>
                    </button>

                    <!-- Navbar links -->
                    <div class="collapse navbar-collapse" id="collapsibleNavbar">
                        <ul class="navbar-nav">
                            <li class="nav-item ">
                                <a class="nav-link" data-title="Home" href="index.html">Home</a>
                            </li>
                            
                            <li class="nav-item">
                                <a class="nav-link" data-title="Services" href="services.html">Services</a>
                            </li>

                            <li class="nav-item">
                                <a class="nav-link" data-title="Price" href="pricing.html">Price</a>
                            </li>

                            <li class="nav-item dropdown active">
                                <a href="#" class="nav-link dropdown-toggle" data-title="Pages" data-toggle="dropdown">Pages</a>
                                <div class="dropdown-menu animate">
                                    <!-- <li class="nav-item dropdown-item">
                                        <a class="nav-link" data-title="Price" href="#">Price</a>
                                    </li> -->
                                    <a class="dropdown-item active" href="about.html">About</a>
                                    <a class="dropdown-item" href="blog-details.html">Blog details</a>
                                    <a class="dropdown-item" href="blog-grid-3-column.html">Blog grid 3</a>
                                    <a class="dropdown-item" href="blog-with-sidebar-left.html">Blog sidebar left</a>
                                    <a class="dropdown-item" href="blog-with-sidebar-right.html">Blog sidebar right</a>
                                    <a class="dropdown-item" href="error.html">Error</a>
                                    <a class="dropdown-item" href="faq.html">FAQ</a>
                                    <a class="dropdown-item" href="partner.html">Partner</a>
                                    <a class="dropdown-item" href="portfolio.html">Portfolio</a>
                                    <a class="dropdown-item" href="portfolio-details.html">Portfolio details</a>
                                    <a class="dropdown-item" href="service-details.html">Service details</a>
                                    <a class="dropdown-item" href="services.html">Services</a>
                                    <a class="dropdown-item" href="team-members.html">Team members</a>
                                    <a class="dropdown-item" href="testimonials.html">Testimonials</a>
                                </div>
                            </li>

                            <li class="nav-item">
                                <a class="nav-link" data-title="Contact" href="contact.html">Contact</a>
                            </li>

                            <!-- <li class="nav-item dropdown megamenu"><a id="megamneu" href="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle font-weight-bold text-uppercase">Mega Menu</a>
                                <div aria-labelledby="megamneu" class="dropdown-menu border-0 p-0 m-0">
                                  <div class="container">
                                    <div class="row bg-white rounded-0 m-0 shadow-sm">
                                      <div class="col-lg-7 col-xl-8">
                                        <div class="p-4">
                                          <div class="row">
                                            <div class="col-lg-6 mb-4">
                                              <h6 class="font-weight-bold text-uppercase">MegaMenu heading</h6>
                                              <ul class="list-unstyled">
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0">Unique Features</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Image Responsive</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Auto Carousel</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Newsletter Form</a></li>
                                              </ul>
                                            </div>
                                            <div class="col-lg-6 mb-4">
                                              <h6 class="font-weight-bold text-uppercase">MegaMenu heading</h6>
                                              <ul class="list-unstyled">
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Unique Features</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Image Responsive</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Auto Carousel</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Newsletter Form</a></li>
                                              </ul>
                                            </div>
                                            <div class="col-lg-6 mb-4">
                                              <h6 class="font-weight-bold text-uppercase">MegaMenu heading</h6>
                                              <ul class="list-unstyled">
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Unique Features</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Image Responsive</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Auto Carousel</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Newsletter Form</a></li>
                                              </ul>
                                            </div>
                                            <div class="col-lg-6 mb-4">
                                              <h6 class="font-weight-bold text-uppercase">MegaMenu heading</h6>
                                              <ul class="list-unstyled">
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Unique Features</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Image Responsive</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Auto Carousel</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Newsletter Form</a></li>
                                              </ul>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="col-lg-5 col-xl-4 px-0 d-none d-lg-block" style="background: center center url(https://res.cloudinary.com/mhmd/image/upload/v1556990826/mega_bmtcdb.png)no-repeat; background-size: cover;"></div>
                                    </div>
                                  </div>
                                </div>
                              </li> -->
                        </ul>
                    </div>
                </div>
            </nav>

            <!-- search box -->
            <div class="search-box">
                <div class="container positionRelative">
                    <i class="fas fa-search search_icon"></i>
                    <form action="action.html">
                        <input type="text" placeholder="TYPE YOUR SEARCH..." name="name">
                    </form>
                    <a class="close_icon" href="#."><i class="fas fa-times "></i></a>
                </div>
            </div>
        </header>
        <!-- End Header -->

        <!-- Page Cover -->
        <section class="page-cover darkOverlay sectionPT sectionPB text-center" style="background-image: url(img/header11.jpg);">
            <div class="col-center text-center col-md-8 col-lg-7">
                <h2 class="heading text-color-white mb10">About Innovax</h2>
                <ul class="breadcrumb">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item active text-color-white" aria-current="page">Library</li>
                </ul>
            </div>
        </section>
        <!-- End Page Cover -->

        <!-- About section -->
        <section class="about_section sectionPT sectionPB">
            <div class="container">
                <div class="col-md-6 col-center mb60 textCenter">
                </div>
                <div class="row row-eq-height">
                    <div class="col-lg-6 col-md-6 col-sm-12 col-12">
                        <div class="img_area">
                            <img alt="" src="img/about-img3.png">
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12 col-12">

                        <div class="about_content">
                            <p class="sub-heading text-color-lightBlue wow fadeInUp">ABOUT US</p>
                            <h2 class="heading mb10 wow fadeInUp"  data-wow-delay="0.1s">Leading Software<br> Company</h2>
                            <h5 class="about_content_title mb20 wow fadeInUp"  data-wow-delay="0.2s">We Have 25 Years of Service Experience</h5>
                            <p class="text-color-dark mb30 wow fadeInUp"  data-wow-delay="0.3s">Orem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing</p>
                            <a href="#." class="btn btn-primary wow fadeInUp"  data-wow-delay="0.4s">READ MORE</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- <div class="move_el move_el5 d-none d-lg-block"></div>
            <div class="move_el move_el6 d-none d-lg-block"></div> -->
            <div id="js-scene2">
                <div class="items__layer layer" data-depth=".2">
                  <div class="move_el move_el5" data-title="no.1">
                  </div>
                </div>
                <div class="items__layer layer" data-depth=".2">
                  <div class="move_el move_el6" data-title="no.1">
                  </div>
                </div>
            </div>
        </section>
        <!-- End About section -->

        <section class="timeline_section sectionPT sectionPB">
            <div class="container-fluid full-container-custom">
                <div class="col-md-6 col-center mb60 textCenter">
                    <h2 class="heading mb20 text-color-lightBlue">About Inovax</h2>
                </div>
                <div class="owl-carousel timeline-carousel owl-theme">
                    <div class="item">
                        <div class="year">1994</div>
                        <div class="img_area">
                            <img alt="" src="img/team/img-2.png">
                        </div>
                        <div class="description">
                            <h2 class="heading">Start Our Journey</h2>
                            <p class="text-color-lightBlue">Orem Ipsum is simply dummy text of the printing and typestting industry. Lorem Ipsum is simply dummy text.</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="year">2000</div>
                        <div class="img_area">
                            <img alt="" src="img/team/img-2.png">
                        </div>
                        <div class="description">
                            <h2 class="heading">Big Invest & New Office</h2>
                            <p class="text-color-lightBlue">Orem Ipsum is simply dummy text of the printing and typestting industry. Lorem Ipsum is simply dummy text.</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="year">2008</div>
                        <div class="img_area">
                            <img alt="" src="img/team/img-2.png">
                        </div>
                        <div class="description">
                            <h2 class="heading">50+ Team Member</h2>
                            <p class="text-color-lightBlue">Orem Ipsum is simply dummy text of the printing and typestting industry. Lorem Ipsum has been the industry's standard been the industry's standard </p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="year">2014</div>
                        <div class="img_area">
                            <img alt="" src="img/team/img-2.png">
                        </div>
                        <div class="description">
                            <h2 class="heading">5k Valuable Clients</h2>
                            <p class="text-color-lightBlue">Orem Ipsum is simply dummy text of the printing and typestting industry. Lorem Ipsum is simply dummy text.</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="year">2019</div>
                        <div class="img_area">
                            <img alt="" src="img/team/img-2.png">
                        </div>
                        <div class="description">
                            <h2 class="heading">Big Office & 200+ Expert</h2>
                            <p class="text-color-lightBlue">Orem Ipsum is simply dummy text of the printing and typestting industry. Lorem Ipsum is simply dummy text.</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="year">1994</div>
                        <div class="img_area">
                            <img alt="" src="img/team/img-2.png">
                        </div>
                        <div class="description">
                            <h2 class="heading">Start Our Journey</h2>
                            <p class="text-color-lightBlue">Orem Ipsum is simply dummy text of the printing and typestting industry. Lorem Ipsum is simply dummy text.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Client Reviews -->
        <section class="bg-color-gradient client_review_section">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-md-6 col-lg-4 wow fadeInUp"  data-wow-delay="0.1s">
                        <div class="review_item">
                            <img alt="" class="quotation_icon" src="img/icon/quotation.png">
                            <p class="review_text text-color-lightBlue">Orem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever.</p>
                            <p class="client_name">Thomas White</p>
                            <p class="client_designation">CEO of Arternet</p>
                            <ul class="client_rating">
                                <li>
                                    <i class="fas fa-star"></i>
                                </li>
                                <li>
                                    <i class="fas fa-star"></i>
                                </li>
                                <li>
                                    <i class="fas fa-star"></i>
                                </li>
                                <li>
                                    <i class="fas fa-star"></i>
                                </li>
                                <li>
                                    <i class="fas fa-star"></i>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 col-lg-4 wow fadeInUp"  data-wow-delay="0.2s">
                        <div class="review_item">
                            <img alt="" class="quotation_icon" src="img/icon/quotation.png">
                            <p class="review_text text-color-lightBlue">Orem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever.</p>
                            <p class="client_name">Carl Slater</p>
                            <p class="client_designation">Founder of Nap</p>
                            <ul class="client_rating">
                                <li>
                                    <i class="fas fa-star"></i>
                                </li>
                                <li>
                                    <i class="fas fa-star"></i>
                                </li>
                                <li>
                                    <i class="fas fa-star"></i>
                                </li>
                                <li>
                                    <i class="fas fa-star"></i>
                                </li>
                                <li>
                                    <i class="fas fa-star"></i>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-12 col-md-12 col-lg-4 wow fadeInUp"  data-wow-delay="0.3s">
                        <div class="review_item">
                            <img alt="" class="quotation_icon" src="img/icon/quotation.png">
                            <p class="review_text text-color-lightBlue">Orem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever.</p>
                            <p class="client_name">Boris Metcalfe</p>
                            <p class="client_designation">Designer of Webnet</p>
                            <ul class="client_rating">
                                <li>
                                    <i class="fas fa-star"></i>
                                </li>
                                <li>
                                    <i class="fas fa-star"></i>
                                </li>
                                <li>
                                    <i class="fas fa-star"></i>
                                </li>
                                <li>
                                    <i class="fas fa-star"></i>
                                </li>
                                <li>
                                    <i class="fas fa-star"></i>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Client Reviews -->

        <!-- Client section -->
        <section class="sm-sectionPT sm-sectionPB client_section">
            <div class="container">
                <div class="owl-carousel client-carousel owl-theme">
                    <div class="item">
                            <img alt="" src="img/client/client-logo-1.png">
                    </div>
                    <div class="item">
                            <img alt="" src="img/client/client-logo-2.png">
                    </div>
                    <div class="item">
                            <img alt="" src="img/client/client-logo-3.png">
                    </div>
                    <div class="item">
                            <img alt="" src="img/client/client-logo-4.png">
                    </div>
                </div>
            </div>
        </section>
        <!-- End Partner section -->

        <!-- Footer -->
        <footer>
            <div class="top_area sm-sectionPT sm-sectionPB">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-sm-12 col-12">
                            <div class="footer_about">
                                <h2 class="footer_title">About Inovax</h2>
                                <p class="footer_about_content">Orem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever. Orem Ipsum is simply dummy text of the printing and type</p>
                                <ul class="footer_social_area">
                                    <li>
                                        <a href="#.">
                                            <i class="fab fa-facebook-f"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#.">
                                            <i class="fab fa-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#.">
                                            <i class="fab fa-linkedin-in"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#.">
                                            <i class="fab fa-google-plus-g"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 col-6">
                            <div class="footer_link_box">
                                <h2 class="footer_title">Useful Links</h2>
                                <ul class="footer_links">
                                    <li><a href="#.">Services</a></li>
                                    <li><a href="#.">Pricing</a></li>
                                    <li><a href="#.">FAQ</a></li>
                                    <li><a href="#.">Testimonial</a></li>
                                    <li><a href="#.">Support</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 col-6">
                            <div class="footer_link_box">
                                <h2 class="footer_title">Navigation</h2>
                                <ul class="footer_links">
                                    <li><a href="#.">About Us</a></li>
                                    <li><a href="#.">Team</a></li>
                                    <li><a href="#.">Clients</a></li>
                                    <li><a href="#.">Contact</a></li>
                                    <li><a href="#.">Blog</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-12 col-12">
                            <div class="footer_photo_gallery">
                                <h2 class="footer_title">Photo Gallery</h2>
                                <div class="row margin0">
                                    <div class="col-6 col-sm-4 col-md-4 padding0">
                                        <div class="img_area">
                                            <img alt="" src="img/footer1.jpg">
                                        </div>
                                    </div>
                                    <div class="col-6 col-sm-4 col-md-4 padding0">
                                        <div class="img_area">
                                            <img alt="" src="img/footer2.jpg">
                                        </div>
                                    </div>
                                    <div class="col-6 col-sm-4 col-md-4 padding0">
                                        <div class="img_area">
                                            <img alt="" src="img/footer3.jpg">
                                        </div>
                                    </div>
                                    <div class="col-6 col-sm-4 col-md-4 padding0">
                                        <div class="img_area">
                                            <img alt="" src="img/footer4.jpg">
                                        </div>
                                    </div>
                                    <div class="col-6 col-sm-4 col-md-4 padding0">
                                        <div class="img_area">
                                            <img alt="" src="img/footer5.jpg">
                                        </div>
                                    </div>
                                    <div class="col-6 col-sm-4 col-md-4 padding0">
                                        <div class="img_area">
                                            <img alt="" src="img/footer6.jpg">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom_area">
                <div class="container">
                    <p class="copy-right-txt"><span>Inovax</span> &copy; 2019. All Rights Reserved</p>
                </div>
            </div>
        </footer>
        <!-- End Footer -->
    </div>

    <!-- End Document Wrapper
    =========================-->

    <!-- Scripts
    ============================================= -->

    <!-- jQuery library -->
    <script src="http://www.sucai8.cn/jquery/jquery-1.10.2.js"></script>

    <!-- Bootstrap Script -->
    <script type="text/javascript" src="js/bootstrap.bundle.min.js"></script>

    <!-- Wow js -->
    <script type="text/javascript" src="js/wow.min.js"></script>

    <!-- Isotope Script -->
    <script type="text/javascript" src='js/isotope.pkgd.js'></script>
    <script type="text/javascript" src="js/imagesloaded.pkgd.js"></script>

    <!-- Owl carouser -->
    <script src="js/owl.carousel.min.js"></script>

    <!-- Tween Max -->
    <script type="text/javascript" src="js/TweenMax.min.js"></script>

    <!-- Mouse Move -->
    <script type="text/javascript" src="js/mouse-move-parallax.js"></script>

    <!-- Parallax js -->
    <script type="text/javascript" src="js/parallax.min.js"></script>

    <!-- Main Script -->
    <script src="js/script.js"></script>
</body>
</html>